<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css" type="text/css"/>
    

</head>

<body>
    <!-- 顶部 -->
    <diV class="ding"></diV>
    <!-- 导航栏 -->
    <div class="nav" id="nav">
        <div class="container">
            <div class="topbar-nav">
                <ul>
                    <li>
                        <a href="#">小米官网</a>
                        <span class="sep">|</span>
                    </li>
                    <li>
                        <a href="#">MIUI</a>
                        <span class="sep">|</span>
                    </li>
                    <li>
                        <a href="#">米聊</a>
                        <span class="sep">|</span>
                    </li>
                    <li>
                        <a href="#">游戏</a>
                        <span class="sep">|</span>
                    </li>
                    <li>
                        <a href="#">多看阅读</a>
                        <span class="sep">|</span>
                    </li>
                    <li>
                        <a href="#">云服务</a>
                        <span class="sep">|</span>
                    </li>
                    <li>
                        <a href="#">金融</a>
                        <span class="sep">|</span>
                    </li>
                    <li>
                        <a href="#">米币</a>
                        <span class="sep">|</span>
                    </li>
                    <li>
                        <a href="#">小米商城手机版</a>
                        <span class="sep">|</span>
                    </li>
                    <li>
                        <a href="#">问题反馈</a>
                    </li>
                </ul>
            </div>
            <div class="topbar-cart">
                <a href="#">
                    购物车
                </a>
            </div>
            <div class="topbar-shopping">
                <a href="#">登录</a>
                <span class="sep">|</span>
                <a href="#">注册</a>
                <span class="sep">|</span>
                <a href="#">消息通知</a>
            </div>
        </div>
    </div>
    <!-- 头部logo那里 -->
    <div class="top-header" id="top-header">
        <div class="container">
            <div class="header-logo">
                <a href="#">
                    <img src="images/logo-footer.png" />
                </a>
            </div>
            <div class="header-nav">
                <ul>
                    <li class="nav-category">
                        <a class="link">全部商品</a>
                        <div class="site-category">
                            <ul class="site-category-list">
                                <li>
                                    <a href="#" class="title">
                                        手机卡电话卡
                                    </a>
                                    <div></div>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="link">小米手机</a>
                    </li>
                    <li>
                        <a href="#" class="link">红米</a>
                    </li>
                    <li>
                        <a href="#" class="link">笔记本</a>
                    </li>
                    <li>
                        <a href="#" class="link">电视</a>
                    </li>
                    <li>
                        <a href="#" class="link">盒子</a>
                    </li>
                    <li>
                        <a href="#" class="link">新品</a>
                    </li>
                    <li>
                        <a href="#" class="link">路由器</a>
                    </li>
                    <li>
                        <a href="#" class="link">智能硬件</a>
                    </li>
                    <li>
                        <a href="#" class="link">服务</a>
                    </li>
                    <li>
                        <a href="#" class="link">社区</a>
                    </li>
                </ul>
            </div>
            <div class="header-search">
                <form class="search-form">
                    <input type="search" class="search-text" />
                    <input type="submit" class="search-btn" value="搜索" />
                </form>
            </div>
        </div>
    </div>
    <div class="main-conter" id="main-conter">
        <div class="conter">
            <ul id="ul">
                <li>
                    <img src="images/tp_lubo1.jpg" width="1226px" height="460px" />
                </li>
                <li>
                    <img src="images/tp_lubo2.jpg" width="1226px" height="460px" />
                </li>
                <li>
                    <img src="images/tp_lubo3.jpg" width="1226px" height="460px" />
                </li>
                <li>
                    <img src="images/tp_lubo2.jpg" width="1226px" height="460px" />
                </li>
            </ul>
        </div>
    </div>
    <div class="home-hero-sub">
        <a href="#"><img src="images/lunbo_xia1.jpg" height="170px" width="293px"/></a>
        <a href="#"><img src="images/lunbo_xia2.jpg" height="170px" width="293px"/></a>
        <a href="#"><img src="images/lunbo_xia3.jpg" height="170px" width="293px"/></a>
        <a href="#"><img src="images/lunbo_xia4.jpg" height="170px" width="293px"/></a>
    </div>
    <div class="xm-plain-box">
        <div><h2 class="title">小米菜单</h2></div>
        <div class="box-bd">
            <div class="xm-carousel-wrapper"></div>
        </div>
    </div>
    <div id="gotop" class="gotop">
        <img src="images/Top.jpg" />
    </div>
</body>

</html>
<script src="js/kuanjia.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>